<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <mete name="keywords" content="正立教育,考研,教育" />
    <meta name="description" content="正立教育" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>正立教育</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"></script>
    <script src="js/index.js"></script>
</head>

<body>
    <!-- 顶部 -->
    <section class="top">
        <!-- 版心 -->
        <div class="top-mid">
            <div class="tml"><img src="images/fangzi.png" alt=""><span>海南省工信厅 "互联网+教育" 示范企业！</span></div>
            <div class="tmr"><img src="images/dianhua.png" alt=""><span>0898 - 32057011 / 32057211</span></div>
        </div>
    </section>
    <!-- 头部 -->
    <header>
        <!-- 版心 -->
        <div class="head-mid">
            <!-- logo图 -->
            <div class="logo"></div>
            <!-- 顶部导航 -->
            <nav class="topNav">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">普通话</a></li>
                    <li><a href="#">教师资格证</a></li>
                    <li><a href="#">教师编制</a></li>
                    <li><a href="#">学历教育</a></li>
                    <li><a href="#">关于正立</a></li>
                </ul>
            </nav>
        </div>
    </header>
    <!-- banner图 -->
    <section class="banner"></section>
    <!-- 主体部分 -->
    <section class="main">
        <!-- box1 -->
        <ul class="box1">
            <li class="item">
                <div class="pic"><img src="images/img1.png" alt=""></div>
                <div class="info">
                    <h3>权威·认证</h3>
                    <span>
                        伫立于政府产业园一琼海市中小企业服务中心,
                        云创互联网创业园。
                    </span>
                </div>
            </li>
            <li class="item">
                <div class="pic"><img src="images/img2.png" alt=""></div>
                <div class="info">
                    <h3>励志奖学金</h3>
                    <span>政府扶持基金,每年评选奖励品学兼
                        优的学员,奖金￥1000~3000元.
                    </span>
                </div>
            </li>
            <li class="item">
                <div class="pic"><img src="images/img3.png" alt=""></div>
                <div class="info">
                    <h3>国家助学金</h3>
                    <span>国家专项津贴,用于资助有经济负担
                        的学员,人均￥800~ 1500元/年。
                    </span>
                </div>
            </li>
        </ul>
        <!-- box2 -->
        <div class="box2">
            <div class="left">
                <div class="title"><span>推荐课程</span><span><a href="#" class="more">MORE</a></span></div>
                <div class="content">
                    <div class="c-left"><img src="images/last1.png" alt=""></div>
                    <div class="c-right">
                        <div class="cl-title">
                            <span><a href="#">我校第十届教师技能职业竞赛成功举行</a></span>
                            <span>2017-08-25</span>
                        </div>
                        <p>
                            国家专项津贴,用于资助有经济负担
                            的学员,人均￥800~ 1500元/年。
                        </p>
                    </div>
                </div>
                <div class="content">
                    <div class="c-left"><img src="images/last2.png" alt=""></div>
                    <div class="c-right">
                        <div class="cl-title">
                            <span><a href="#">我校参加2017年全国高校体育教育专业学生大赛获赛获赛获赛获赛获赛获赛获赛获赛获</a></span>
                            <span>2017-08-25</span>
                        </div>
                        <p>
                            第六届宠博会将在上海世博展览馆( 1号馆)举行,作为沪上知
                        </p>
                    </div>
                </div>
            </div>
            <div class="right">
                <div class="title">
                    <div class="triangle"></div>
                    <span>普通话水平测试</span>
                </div>
                <ul class="content">
                    <a href="#">
                        <li><img src="images/six1.png" alt="">
                            <p>预约报名</p>
                        </li>
                    </a>
                    <a href="#">
                        <li><img src="images/six2.png" alt="">
                            <p>网上缴费</p>
                        </li>
                    </a>
                    <a href="#">
                        <li><img src="images/six3.png" alt="">
                            <p>在线学习</p>
                        </li>
                    </a>
                    <a href="#">
                        <li><img src="images/six4.png" alt="">
                            <p>打印准考证</p>
                        </li>
                    </a>
                    <a href="#">
                        <li><img src="images/six5.png" alt="">
                            <p>查询成绩</p>
                        </li>
                    </a>
                    <a href="#">
                        <li><img src="images/six6.png" alt="">
                            <p>查询证书</p>
                        </li>
                    </a>
                </ul>
            </div>
        </div>
        <!-- box3 -->
        <div class="box3"></div>
        <!-- box4 -->
        <div class="box4">
            <div class="left">
                <div class="title"><span>教师资格</span><span><a href="#" class="more">MORE</a></span></div>
                <ul class="list">
                    <a href="#">
                        <li>
                            <div class="triangle"></div>
                            <span>关于举办海南省2019年第01期(琼海)幼关于举办海南省2019年第01期(琼海)幼</span>
                        </li>
                    </a>
                    <a href="#">
                        <li>
                            <div class="triangle"></div>
                            <span>2018年11月3日中小学教师资格考试《保小学教师资格考试《保</span>
                        </li>
                    </a>
                    <a href="#">
                        <li>
                            <div class="triangle"></div>
                            <span>2018年11月3日中小学教师资格考试《保小学教师资格考试《保</span>
                        </li>
                    </a>
                    <a href="#">
                        <li>
                            <div class="triangle"></div>
                            <span>2018年11月3日中小学教师资格考试《保小学教师资格考试《保</span>
                        </li>
                    </a>
                    <a href="#">
                        <li>
                            <div class="triangle"></div>
                            <span>2018年11月3日中小学教师资格考试《保小学教师资格考试《保</span>
                        </li>
                    </a>
                </ul>
                <div class="pic">
                    <img src="images/left1.png" alt="">
                </div>
            </div>
            <div class="left">
                <div class="title"><span>教师招考</span><span><a href="#" class="more">MORE</a></span></div>
                <ul class="list">
                    <a href="#">
                        <li>
                            <div class="triangle"></div>
                            <span>2018年屯昌县公办幼儿园政府购买员额制2018年屯昌县公办幼儿园政府购买员额制.</span>
                        </li>
                    </a>
                    <a href="#">
                        <li>
                            <div class="triangle"></div>
                            <span>2018年屯昌县公办幼儿园政府购买员额制2018年屯昌县公办幼儿园政府购买员额制.</span>
                        </li>
                    </a>
                    <a href="#">
                        <li>
                            <div class="triangle"></div>
                            <span>关于做好2017年春季学期新疆实习支教学关于做好2017年春季学期新疆实习支教学</span>
                        </li>
                    </a>
                    <a href="#">
                        <li>
                            <div class="triangle"></div>
                            <span>关于做好2017年春季学期新疆实习支教学关于做好2017年春季学期新疆实习支教学</span>
                        </li>
                    </a>
                    <a href="#">
                        <li>
                        </li>
                    </a>
                </ul>
                <div class="pic">
                    <img src="images/left2.png" alt="">
                </div>
            </div>
            <div class="right">
                <div class="title">
                    <img src="images/gezi.png" alt=""><span>教师资格考试入口</span>
                </div>
                <ul>
                    <a href="#">
                        <li>
                            <img src="images/nine1.png" alt="">
                            <p>网上报名</p>
                        </li>
                    </a>
                    <a href="#">
                        <li>
                            <img src="images/nine2.png" alt="">
                            <p>打印准考证</p>
                        </li>
                    </a>
                    <a href="#">
                        <li>
                            <img src="images/nine3.png" alt="">
                            <p>查询成绩</p>
                        </li>
                    </a>
                    <a href="#">
                        <li>
                            <img src="images/nine4.png" alt="">
                            <p>合格证明</p>
                        </li>
                    </a>
                    <a href="#">
                        <li>
                            <img src="images/nine5.png" alt="">
                            <p>申请认定</p>
                        </li>
                    </a>
                    <a href="#">
                        <li>
                            <img src="images/nine6.png" alt="">
                            <p>证书验证</p>
                        </li>
                    </a>
                    <a href="#">
                        <li>
                            <img src="images/nine7.png" alt="">
                            <p>考试大纲</p>
                        </li>
                    </a>
                    <a href="#">
                        <li>
                            <img src="images/nine8.png" alt="">
                            <p>历年真题</p>
                        </li>
                    </a>
                    <a href="#">
                        <li>
                            <img src="images/nine9.png" alt="">
                            <p>常见问题</p>
                        </li>
                    </a>
                </ul>
            </div>
        </div>
    </section>
    <!-- 底部 -->
    <footer>
        <!-- 版心 -->
        <div class="footer-mid">
            <div class="fml">
                <ul>
                    <li>Copyright。2018 zoliedu . All Rights Reserved</li>
                    <li>琼ICP备 18002562号(<a href="#" class="foot-a">点击验证 </a>)</li>
                    <li>琼公网安备 46900202000031号<img src="images/guohui.png" alt=""></li>
                    <li>版权所有 : 正立教育咨询(海南)有限公司</li>
                    <li>单位地址 : 海南省琼海市金海北路海桂苑3幢206室</li>
                    <li><a href="#" class="foot-a">关于我们</a> |
                        <a href="#" class="foot-a">支付方式</a> |
                        <a href="#" class="foot-a">版权声明</a> |
                        <a href="#" class="foot-a">招贤纳士</a> |
                        <a href="#" class="foot-a">友情链接</a>
                    </li>
                </ul>
            </div>
            <div class="fmm">
                <div class="left">
                    <img src="images/saoma1.png" alt="">
                    <p>官方微信公众号</p>
                </div>
                <div class="right">
                    <img src="images/saoma2.png" alt="">
                    <p>微信在线老师</p>
                </div>
            </div>
            <div class="fmr">
                <div class="contact">
                    <div class="cl"><img src="images/tel.png" alt=""></div>
                    <div class="cr">
                        <p>全省统一咨询电话 ( 9:00--18:00 )</p>
                        <p>0898-32057011 32057211</p>
                    </div>
                </div>
                <div class="contact">
                    <div class="cl"><img src="images/QQ.png" alt=""></div>
                    <div class="cr">
                        <p>QQ在线老师( ID : 2015302235 </p>
                        <p><a href="https://www.antgcode.cn" class="foot-a">点击咨询</a></p>
                    </div>
                </div>
                <p class="btm">
                    投诉或意见反馈: tousu#zoliedu.com (将#换成@ )
                </p>
            </div>
        </div>
        <div class="messageBtn" id="showMessage">
            请您留言<div class="square"></div>
        </div>
        <!-- 留言框--待做 -->
        <div class="message">
            <div class="m-head">
                <div class="close" id="close">关闭</div>
            </div>
            <form action="#" method="get">
                <table>
                    <tr>
                        <td><label for="userName">姓名:</label></td>
                        <td><input type="text" id="userName" name="" autofocus required placeholder="请输入您的姓名">
                        </td>
                    </tr>
                    <tr>
                        <td><label for="userName">联系方式:</label></td>
                        <td><input type="text" id="tel" name="" required placeholder="请输入您的联系方式"></td>
                    </tr>
                    <tr>
                        <td>留言</td>
                        <td><textarea name="" id="" cols="30" rows="10" required></textarea></td>
                    </tr>
                    <tr>
                        <td colspan="2" id="sub"><input type="submit" value="提交"><input type="reset" value="重置">
                        </td>
                    </tr>
                </table>

            </form>
        </div>
    </footer>

</body>

</html>